<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>旋转按钮</title>
		<style>
			div{
				width: 500px;
				margin:0 auto ;
				margin-top: 300px;
			}
			img:hover{
				transform: rotate(360deg) scale(1.5);
				transition: 2s;
			}
		</style>
	</head>
	<body>
		<div>
			<h1>顺时针旋转360放大1.2倍</h1>
			<img src="img/delicious.png" />
			<img src="img/facebook.png" />
			<img src="img/rss.png" />
			<img src="img/twitter.png" />
			<img src="img/yahoo.png"/>
		</div>
	</body>
</html>
